<%-- 
    Document   : formAula
    Created on : 30-may-2012, 10:23:58
    Author     : Administrador
--%>

<%@page import="com.javabeans.Facultad"%>
<%@page import="com.javabeans.Aula"%>
<%@include file="../../../../controlSession.jsp" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%
    boolean isNew = true;
    int accion = 9;
    int idAula = 0;
    int idFacultad = 0;
    String nomFac = "";
    String nro = "";
    String descripcion = "";
    List<Facultad> facultades = (List<Facultad>)request.getAttribute("facultades");
    if(request.getAttribute("Aula") != null){
        isNew = false;
        accion = 11;
        Aula a = (Aula)request.getAttribute("Aula");
        idAula = a.getIdAula();
        nro = a.getNro();
        descripcion = a.getDescripcion();
        idFacultad = a.getIdFacultad();
        nomFac = a.getFacultad().getNombre();
    }
%>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>SI-ESFM </title>
        <meta name="description" content="Derechos SI-ESFM." />
        <link rel="stylesheet" href="<%=s_path%>/css/styles.css" type="text/css" />
        <link rel="stylesheet" href="<%=s_path%>/css/menu/style.css" type="text/css" />
        <link rel="shortcut icon" href="<%=s_path%>/images/ico.png" type="image/png"/>
        
        <script type="text/javascript" src="<%=s_path%>/js/jquery-1.7.2.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/validate/jquery.validate.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/jquery.form.js"></script>
        <!-- fin time -->
        <script type="text/javascript" src="<%=s_path%>/js/comun.js"></script>
        <script type="text/javascript">
            
            $(document).ready(function() {
                
                $('#formAula').ajaxForm({
                    beforeSubmit: validateFormAula,
                    beforeSend:function(obj){
                        $('#divForm').css({display:'none'});
                        $('#imgLoad').css({display:'block'});
                    },
                    success: function(res, statusText, xhr, form){
                       $("#divRes").html(res);
                       $("#divRes").css({display:'block'});
                    },
                    complete:function(){
                       $('#imgLoad').css({display:'none'});
                    },
                    error:function(){
                       alert("error! al registrar el periodo d&iacute;a.");
                    }
		});
                
                $("#idFacultad").change(function(){
                    $("#idFacultad option:selected").each(function (){
                        idFacultad = $(this).val();
                        nomFac = $(this).text();
                        if(idFacultad != ""){
                            $("#nomFac").val(nomFac);
                        }else{
                            $("#nomFac").val("");
                        }
                    });
                }); 
            });
            
            // funcion para validar
            function validateFormAula(formData, jqForm, options) {
                var bandera = $("#formAula").valid();
                return bandera;
            }
            
            function listarAulas(){
                location.href = "Administracion?accion=7";
            }
            
            function addAula(){
                document.getElementById("divForm").style.display = "block";
                document.getElementById("divRes").style.display = "none";
                resetear();
            }
            
            function resetear(){
                $('#formAula').each(function(){
                    this.reset();
                });
            }
        </script>
    </head>
    <body onload="showTime(<%=s_param%>);resetear()">
        <div id="top-wrap">
            <!-- cabeza principal -->
            <%@include file="../../../../head.jsp" %>
            
            <!-- cuerpo -->
            <div id="bodySpace">               
                <!-- aqui va la ruta -->
                <div class="clearfix" id="middle" style="position: absolute">
                    <!-- aqui va el arbol de entrada -->
                    <div id="breadcrumb"><!-- le da la forma de la imagen -->
                        <ul>
                        <li><a>Home</a></li>
                        <li><span style="color:#666">Administraci&oacute;n</span></li>
                        <li class="current-page"><span class="end"><span class="middle">Administraci&oacute;n Aula</span></span></li>
                        </ul>
                        <!-- para la hora -->
                        <!--<div style="clear: both;position: absolute;text-align: right;width: 100%;"><span id="fechaServ"></span>&nbsp;&nbsp;<span id="horaServ" style=""></span>&nbsp;</div>-->
                    </div><!-- begin SIDEBAR FIRST -->
                </div>
                
                <div id="principal">
                    <!-- izquierda -->
                    <div class="cuerpo2y" style="border: 0px solid"><br/><br/><!-- estos break son necesarios ya q uso absolute en css  cuerpo izquierdo-->
                        <div class="izq">
                            <%@include file="../../../../bodyIzq.jsp" %>
                        </div>
                        <div class="medio" style="border: 0px solid">
                            <div id="imgLoad" style="float: left;width: 84%;display: none;"><img src="<%=s_path%>/images/imgLoad/ajax-loader.gif" width="32" height="32" alt="ajax-loader.gif" style="position:absolute; top:50%; left:50%;"/></div>
                            <div id="divForm">
                            <h2 class="decorado"><%=(isNew)?"Nueva Aula":"Modificar Aula"%></h2><br/>
                                <form id="formAula" method="post" action="Administracion?accion=<%=accion%>">
                                    <input type="hidden" name="idAula" id="idAula" value="<%=idAula%>" />
                                    <input type="hidden" name="nomFac" id="nomFac" value="<%=nomFac%>" />
                                    <div style="clear:both;">
                                        <label class="form_align43" >Seleccione Unidad Acad&eacute;mica : </label>
                                        <select name="idFacultad" id="idFacultad" class="required form_input_align" title="Seleccione una unidad acad&eacute;mica!">
                                        <%
                                            if(isNew){
                                                out.println("<option value=''>Seleccione</option>");
                                                for(Facultad f:facultades){
                                                    out.println("<option value='"+f.getIdFacultad()+"'>"+f.getNombre()+"</option>");
                                                }
                                             }else{
                                                out.println("<option value='"+idFacultad+"' selected='true'>"+nomFac+"</option>");
                                             }
                                        %>
                                        </select>
                                        <label class="error">*</label>
                                    </div>
                                    <div style="clear:both;">
                                        <label class="form_align43">N&uacute;mero Aula : </label>
                                        <input type="text" name="nroAula" id="nroAula" value="<%=nro%>" class="required form_input_align" maxlength="10" title="Introdusca el nro. de aula"/>
                                        <label class="error">*</label>
                                    </div>
                                    <div style="clear:both;">
                                        <label class="form_align43">Descripci&oacute;n de Aula : </label>
                                        <input type="text" name="descripcion" id="descripcion" value="<%=descripcion%>" class="required form_input_align" maxlength="35" title="Describe el aula. Ej. Nro de piso, etc."/>
                                        <label class="error">*</label>
                                    </div><br/>
                                    
                                    <div class="form_center" style="clear:both;">
                                        <input type="submit" value="<%=(isNew)?"Registrar":"Modificar"%>" class="boton" title="Pulsa aqui para <%=(isNew)?"Registrar":"Modificar"%>" />
                                        <input type="button" value="Cancelar" onclick="listarAulas()" class="boton" title="Pulsa aqui para cancelar"/>
                                    </div>
                                </form>
                            </div>
                            <div id="divRes" style="display: none"></div>
                        </div>
                    </div><!--end of leftPan-->
                    
                    <div class="yDer" style="border: 1px solid #ccc;">
                        <%@include file="../../../../publicidad.jsp" %>                       
                    </div><!--end of rightPan-->
                </div><!--end of content-wrapper-->
            </div><!--end of body-wrap-->
            
            <!-- footer -->
        </div>
    </body>
</html>



